#twentyFourH {
    height: 100%;
    width: 100%;
}
#twentyFourH .box-header{
    width: 98%;
    height: 10%;
    border: #e2e1e4 solid 1px;
    margin: 5px auto;
    /*background:repeating-linear-gradient(to left,rgb(102, 147, 200), rgb(157, 197, 230), rgb(102, 147, 200));*/
    background-color: white;
}
#twentyFourH .box-header table{
    width: 80%;
    margin-left: 10%;
}
#twentyFourH .box-header table button{
    width: 100px;
    height: 50px;
    border-radius: 30%;
    color: black;
    border: none;
    /*background:repeating-linear-gradient(to left,rgb(102, 147, 200), rgb(157, 197, 230), rgb(102, 147, 200));*/
}

#twentyFourH .box-bottom{
    width: 99%;
    height: 89%;
    margin: 5px auto;
    background-color: white;
}
#twentyFourH .box-bottom #box-bottom-top {
    width: 99%;
    height: 49%;
    display: flex; /*使子类div一行显示*/
    margin: 5px auto;
}
#twentyFourH .box-bottom .box-bottom-1 {
    width: 49%;
    height: 99%;
    margin: 5px auto;
    display: flex; /*使子类div一行显示*/
}
#twentyFourH .box-bottom .box-bottom-1 p {
    margin-top: 6%;
    font-size: 16px;
    font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
}
#twentyFourH .box-bottom .box-bottom-1 p span {
    color: #4e5ef3;
}
#twentyFourH .box-bottom .box-bottom-1 .box-bottom-11 {
    width: 49%;
    height: 100%;
}
#twentyFourH .box-bottom .box-bottom-1 .box-bottom-12 {
    width: 49%;
    height: 100%;
}
#twentyFourH .box-bottom .box-bottom-2{
    width: 49%;
    height: 99%;
    margin: 5px auto;
    overflow: scroll;
}
#twentyFourH .box-bottom #box-bottom-main{
    width: 99%;
    height: 48%;
    margin: 5px auto;
}

.el-table, .el-table__expanded-cell {
    background-color: transparent;
}

.el-table th, .el-table tr {
    background-color: transparent;
}